<template>
  <div class="layout-content">
     <Layout :style="style">
        <Header><app-header/></Header>
        <Layout >
            <Sider hide-trigger :style="{background: '#4F5A6D'}" >
                <app-menu/>
            </Sider>
            <Content style="background: #fff;">
              <router-view/>
            </Content>
        </Layout>
    </Layout>
    
  </div>
</template>

<script>
import AppHeader from '@/components/AppHeader'
import AppMenu from '@/components/AppMenu'
export default {
  components: {AppHeader, AppMenu},
  data () {
    return {
      style: {minHeight: '100vh'}
    }
  }
}
</script>

<style>

</style>
